<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript" src="js/tiny_mce_src.js"></script>
<script type="text/javascript" src="js/word.js"></script>


</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<span style="position:absolute;top:10px;right:10px;color:#ffffff;font-size:12px;text-decoration:none;">
	<a wicket:id="logoutPage">Log Out</a></span>
		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home" >Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	
     <div class="workspace">
		<ul>
			<li><a href="#" wicket:id="newEvent">Add Event</a></li>		
		</ul>
	 </div>
	 <div id="content" style="padding:0px;">
		<form wicket:id="addEventForm">
        	
        	<p><label><span>Title:</span></label> 
			<input type="text" wicket:id="etitle" style="width:250px" /> 
			</p> 
			<p> 
			<label><span>Date:</span></label> 
			<input type="text" wicket:id="edate" style="width:250px" /> 
			</p>
			<p> 
			<label><span>Time:</span></label> 
			<input type="text" wicket:id="etime" style="width:250px" /> 
			
			</p> 
			<p> 
			<label><span>Venue:</span></label> 
			<input type="text" wicket:id="evenue" style="width:250px" /> 
			
			</p>
        	<p><label><span>Details:</span></label><br/>
        	<div id="event-details" ><textarea wicket:id="edetails"  rows="10" cols="10" ></textarea></div>
        	</p>
        	<p><input type="submit"  value="Post" /></p>
        	
 	       </form>
 	       <div class="error" wicket:id="error"></div>
	 </div>
    
	<div style="clear:both"></div>
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap"><div id="footer">				
		<p>		
		|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
		<a href="#">MSU -IIT</a> |
		</p>			
	</div></div>
	<!-- footer ends-->	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        